// pages/contact/contact.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 存放随机颜色数组
    colorList: [],
    isLoading: false // 节流阀
  },

  getColorList() {
    this.setData({
      isLoading: true // 开启节流阀
    })
    wx.showLoading({
      title: '获取数据中',
    })
    /* const list = []
    for(let i = 0; i < 10; i++) {
      let c1 = Math.floor(Math.random() * 255)
      let c2 = Math.floor(Math.random() * 255)
      let c3 = Math.floor(Math.random() * 255)
      list.push(`${c1}, ${c2}, ${c3}`)
    }
    this.setData({
      colorList: [...this.data.colorList, ...list]
    }) */
    wx.request({
      url: 'https://applet-base-api-t.itheima.net/api/color',
      method: 'GET',
      success: ({data: res}) => {
        this.setData({
          colorList: [...this.data.colorList, ...res.data]
        })
      },
      complete: () => {
        wx.hideLoading()
        this.setData({
          isLoading: false // 关闭节流阀
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 页面加载，一个页面只调用一次
    this.getColorList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成（一个页面只调用一次）
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    this.setData({
      colorList: []
    })
    wx.stopPullDownRefresh()
    this.getColorList()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    if(this.data.isLoading) return // 若节流阀开启，则不发起请求
    this.getColorList()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})